<template>
	<view class="container">
		<!-- 课程表信息 -->
		<view class="section" v-if="itineraryData.course_img">
			<view class="section-title">课程表信息</view>
			<view class="section-content" v-html="itineraryData.course_img"></view>
		</view>
		
		<!-- 分组信息 -->
		<view class="section" v-if="itineraryData.group_img">
			<view class="section-title">分组信息</view>
			<view class="section-content" v-html="itineraryData.group_img"></view>
		</view>
		
		<!-- 酒店信息 -->
		<view class="section" v-if="itineraryData.hotel_img">
			<view class="section-title">酒店信息</view>
			<view class="section-content" v-html="itineraryData.hotel_img"></view>
		</view>
		
		<!-- 活动地点 -->
		<view class="section" v-if="itineraryData.work_location_img">
			<view class="section-title">活动地点</view>
			<view class="section-content" v-html="itineraryData.work_location_img"></view>
		</view>
		
		<!-- 座位信息 -->
		<view class="section" v-if="itineraryData.seat_img">
			<view class="section-title">座位信息</view>
			<view class="section-content" v-html="itineraryData.seat_img"></view>
		</view>
		
		<!-- 用餐安排 -->
		<view class="section" v-if="itineraryData.lunch_img">
			<view class="section-title">用餐安排</view>
			<view class="section-content" v-html="itineraryData.lunch_img"></view>
		</view>
		
		<!-- 酒店位置 -->
		<view class="section" v-if="itineraryData.hotel_location_img">
			<view class="section-title">酒店位置</view>
			<view class="section-content" v-html="itineraryData.hotel_location_img"></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				itineraryData: {},
			}
		},
		onLoad() {
			this.itineraryData = uni.getStorageSync("itineraryData");
			setTimeout(function() {
				uni.removeStorageSync("itineraryData")
			}, 1000);
		},


	}
</script>

<style>


	.container {
		padding: 20rpx;
		background-color: #f5f5f5;
	}
	
	.section {
		margin-bottom: 30rpx;
		background-color: #ffffff;
		border-radius: 12rpx;
		overflow: hidden;
		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
	}
	
	.section-title {
		padding: 20rpx 30rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #333;
		background-color: #f8f8f8;
		border-bottom: 1rpx solid #eee;
	}
	
	.section-content {
		padding: 20rpx 30rpx;
	}
	
/* 	.section-content table {
		width: 100%;
		border-collapse: collapse;
	}
	
	.section-content table, 
	.section-content th, 
	.section-content td {
		border: 1rpx solid #ddd;
		padding: 8rpx;
	}
	
	.section-content img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 10rpx auto;
	} */
</style>